<!--引入头部文件-->
<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>神岗山 - 首页</title>
    <link rel="stylesheet" href="http://local.jszx.com/statics/css//css/base.css" />
    <link rel="stylesheet" href="http://local.jszx.com/statics/css//icon/iconfont.css" />
    <link rel="stylesheet" href="http://local.jszx.com/statics/css//css/index.css" />
    <link rel="stylesheet" href="http://local.jszx.com/statics/css//css/jquery.slideBox.css" />
</head>

<body>
<!--头部-->
<div class="dcit-main">
    <div class="header">
        <div class="logo"><img src="http://local.jszx.com/statics/images//img/logo.png"></div>
        <div class="about">
            <div class="fun">
                <ul>
                    <li>
                        <a href="#" id="user_login"><i class="icon iconfont icon-user"></i>用户登录</a>
                    </li>
                    <li>
                        <a href="#"><i class="icon iconfont icon-email"></i>校长信箱</a>
                    </li>
                    <li>
                        <a href="#"><i class="icon iconfont icon-GBK"></i>简体中文</a>
                    </li>
                </ul>
            </div>
            <div class="seek">
                <input type="text" placeholder="搜索关键字" name="" id="" /><span><i class="icon iconfont icon-seek"></i></span>
            </div>
        </div>
    </div>
</div>
<!--引入导航条-->
<div class="nav">
    <div>
        <dl>
            <dt><a href="/">首页</a></dt>
        </dl>
                        <dl>
            <dt>学校概况</dt>
                        <dd>
                <a href="http://local.jszx.com/index.php?m=content&c=index&a=lists&catid=8">现任领导</a>
            </dd>
                        <dd>
                <a href="http://local.jszx.com/index.php?m=content&c=index&a=lists&catid=9">校园风光</a>
            </dd>
                        <dd>
                <a href="http://local.jszx.com/index.php?m=content&c=index&a=lists&catid=10">办学成就</a>
            </dd>
                        <dd>
                <a href="http://local.jszx.com/index.php?m=content&c=index&a=lists&catid=48">学校简介</a>
            </dd>
                    </dl>
                <dl>
            <dt>校园动态</dt>
                        <dd>
                <a href="http://local.jszx.com/index.php?m=content&c=index&a=lists&catid=12">通知公告</a>
            </dd>
                        <dd>
                <a href="http://local.jszx.com/index.php?m=content&c=index&a=lists&catid=13">学校新闻</a>
            </dd>
                        <dd>
                <a href="http://local.jszx.com/index.php?m=content&c=index&a=lists&catid=14">工作安排</a>
            </dd>
                    </dl>
                <dl>
            <dt>教师频道</dt>
                        <dd>
                <a href="http://local.jszx.com/index.php?m=content&c=index&a=lists&catid=16">师资力量</a>
            </dd>
                        <dd>
                <a href="http://local.jszx.com/index.php?m=content&c=index&a=lists&catid=17">教师荣誉</a>
            </dd>
                        <dd>
                <a href="http://local.jszx.com/index.php?m=content&c=index&a=lists&catid=18">教工之家</a>
            </dd>
                    </dl>
                <dl>
            <dt>学生天地</dt>
                        <dd>
                <a href="http://local.jszx.com/index.php?m=content&c=index&a=lists&catid=20">学生活动</a>
            </dd>
                        <dd>
                <a href="http://local.jszx.com/index.php?m=content&c=index&a=lists&catid=21">学生风采</a>
            </dd>
                        <dd>
                <a href="http://local.jszx.com/index.php?m=content&c=index&a=lists&catid=22">学生荣誉</a>
            </dd>
                        <dd>
                <a href="http://local.jszx.com/index.php?m=content&c=index&a=lists&catid=23">班级风貌</a>
            </dd>
                    </dl>
                <dl>
            <dt>德育工作</dt>
                        <dd>
                <a href="http://local.jszx.com/index.php?m=content&c=index&a=lists&catid=25">评先评优</a>
            </dd>
                        <dd>
                <a href="http://local.jszx.com/index.php?m=content&c=index&a=lists&catid=26">升旗讲话</a>
            </dd>
                        <dd>
                <a href="http://local.jszx.com/index.php?m=content&c=index&a=lists&catid=27">主题活动</a>
            </dd>
                        <dd>
                <a href="http://local.jszx.com/index.php?m=content&c=index&a=lists&catid=28">党团生活</a>
            </dd>
                        <dd>
                <a href="http://local.jszx.com/index.php?m=content&c=index&a=lists&catid=29">心理健康</a>
            </dd>
                    </dl>
                <dl>
            <dt>校务公开</dt>
                        <dd>
                <a href="http://local.jszx.com/index.php?m=content&c=index&a=lists&catid=31">计划总结</a>
            </dd>
                        <dd>
                <a href="http://local.jszx.com/index.php?m=content&c=index&a=lists&catid=32">学校收费</a>
            </dd>
                        <dd>
                <a href="http://local.jszx.com/index.php?m=content&c=index&a=lists&catid=33">管理制度</a>
            </dd>
                        <dd>
                <a href="http://local.jszx.com/index.php?m=content&c=index&a=lists&catid=34">评职评优</a>
            </dd>
                    </dl>
                <dl>
            <dt>招生计划</dt>
                        <dd>
                <a href="http://local.jszx.com/index.php?m=content&c=index&a=lists&catid=36">招生公告</a>
            </dd>
                        <dd>
                <a href="http://local.jszx.com/index.php?m=content&c=index&a=lists&catid=37">招生信息</a>
            </dd>
                    </dl>
                <dl>
            <dt>图书馆</dt>
                        <dd>
                <a href="http://local.jszx.com/index.php?m=content&c=index&a=lists&catid=39">图书馆介绍</a>
            </dd>
                        <dd>
                <a href="http://local.jszx.com/index.php?m=content&c=index&a=lists&catid=40">图书馆制度</a>
            </dd>
                        <dd>
                <a href="http://local.jszx.com/index.php?m=content&c=index&a=lists&catid=41">馆内动态</a>
            </dd>
                    </dl>
                <dl>
            <dt>党建之窗</dt>
                        <dd>
                <a href="http://local.jszx.com/index.php?m=content&c=index&a=lists&catid=43">党务通告</a>
            </dd>
                        <dd>
                <a href="http://local.jszx.com/index.php?m=content&c=index&a=lists&catid=44">党建动态</a>
            </dd>
                        <dd>
                <a href="http://local.jszx.com/index.php?m=content&c=index&a=lists&catid=45">党员风采</a>
            </dd>
                        <dd>
                <a href="http://local.jszx.com/index.php?m=content&c=index&a=lists&catid=46">党建活动</a>
            </dd>
                        <dd>
                <a href="http://local.jszx.com/index.php?m=content&c=index&a=lists&catid=47">两学一做</a>
            </dd>
                    </dl>
                    </div>
</div>
<!--主体-->
<div class="dcit-main">
    <!--banner-->
    <div class="banner slideBox">
        <ul class="items">
            <li>
                <a href="#" title=" "><img src="http://local.jszx.com/statics/images//img/1.png"></a>
            </li>

            <li>
                <a href="#" title=" "><img src="http://local.jszx.com/statics/images//img/1.png"></a>
            </li>

            <li>
                <a href="#" title=" "><img src="http://local.jszx.com/statics/images//img/1.png"></a>
            </li>

            <li>
                <a href="#" title=" "><img src="http://local.jszx.com/statics/images//img/1.png"></a>
            </li>
        </ul>
    </div>
    <div class="clearfix">
        <div class="news slideBox">
            <ul class="items">
                <li>
                    <a href="#" title=" "><img src="http://local.jszx.com/statics/images//img/1.png"></a>
                </li>

                <li>
                    <a href="#" title=" "><img src="http://local.jszx.com/statics/images//img/1.png"></a>
                </li>

                <li>
                    <a href="#" title=" "><img src="http://local.jszx.com/statics/images//img/1.png"></a>
                </li>

                <li>
                    <a href="#" title=" "><img src="http://local.jszx.com/statics/images//img/1.png"></a>
                </li>
            </ul>
        </div>
        <div class="newscenter">
            <div>
                <h3>校园新闻<a href="#">更多</a></h3>
                <ul>
                    <li><span>关注核心素养，推进课程建设2017年长郡教育集团年会</span>[2017-01-08]</li>
                    <li><span>关注核心素养，推进课程建设2017年长郡教育集团年会</span>[2017-01-08]</li>
                    <li><span>关注核心素养，推进课程建设2017年长郡教育集团年会</span>[2017-01-08]</li>
                    <li><span>关注核心素养，推进课程建设2017年长郡教育集团年会</span>[2017-01-08]</li>
                    <li><span>关注核心素养，推进课程建设2017年长郡教育集团年会</span>[2017-01-08]</li>
                    <li><span>关注核心素养，推进课程建设2017年长郡教育集团年会</span>[2017-01-08]</li>
                    <li><span>关注核心素养，推进课程建设2017年长郡教育集团年会</span>[2017-01-08]</li>
                    <li><span>关注核心素养，推进课程建设2017年长郡教育集团年会</span>[2017-01-08]</li>
                    <li><span>关注核心素养，推进课程建设2017年长郡教育集团年会</span>[2017-01-08]</li>
                </ul>
            </div>
        </div>
    </div>
    <div class="clearfix">
        <div class="inform">
            <div>
                <h3>通知公告<a href="#">更多</a></h3>
                <ul>
                    <li>
                        <a href=""><span>关注核心素养，推进课程建设2017年长郡教育集团年会</span>[2017-01-08]</a>
                    </li>
                    <li><span>关注核心素养，推进课程建设2017年长郡教育集团年会</span>[2017-01-08]</li>
                    <li><span>关注核心素养，推进课程建设2017年长郡教育集团年会</span>[2017-01-08]</li>
                    <li><span>关注核心素养，推进课程建设2017年长郡教育集团年会</span>[2017-01-08]</li>
                    <li><span>关注核心素养，推进课程建设2017年长郡教育集团年会</span>[2017-01-08]</li>
                    <li><span>关注核心素养，推进课程建设2017年长郡教育集团年会</span>[2017-01-08]</li>
                    <li><span>关注核心素养，推进课程建设2017年长郡教育集团年会</span>[2017-01-08]</li>
                    <li><span>关注核心素养，推进课程建设2017年长郡教育集团年会</span>[2017-01-08]</li>
                </ul>
            </div>
        </div>
        <div class="informbanner slideBox">
            <ul class="items">
                <li>
                    <a href="#" title=" "><img src="http://local.jszx.com/statics/images//img/1.png"></a>
                </li>

                <li>
                    <a href="#" title=" "><img src="http://local.jszx.com/statics/images//img/1.png"></a>
                </li>

                <li>
                    <a href="#" title=" "><img src="http://local.jszx.com/statics/images//img/1.png"></a>
                </li>

                <li>
                    <a href="#" title=" "><img src="临时文件/1.png"></a>
                </li>
        </div>
    </div>

    <div class="clearfix">
        <div class="abouitem">
            <a href="#"><img src="http://local.jszx.com/statics/images//img/1.png" /><span>学生风采&gt;</span></a>
            <ul>
                <li>
                    <a href="#">【文学采风|创作感悟】C1517桂湘婕：谁的心中不曾向往远方</a>
                </li>
                <li>【文学采风|创作感悟】C1517桂湘婕：谁的心中不曾向往远方</li>
                <li>【文学采风|诗性奔腾】C1517桂湘婕：谁的心中不曾向往远方</li>
                <li>【文学采风|远方随感】C1517桂湘婕：谁的心中不曾向往远方</li>
                <li>【文学采风|远方随感】C1517桂湘婕：谁的心中不曾向往远方</li>
            </ul>
        </div>
        <div class="abouitem">
            <a href="#"><img src="http://local.jszx.com/statics/images//img/1.png" /><span>校园活动&gt;</span></a>
            <ul>
                <li>C1517桂湘婕：谁的心中不曾向往远方</li>
                <li>C1517桂湘婕：谁的心中不曾向往远方</li>
                <li>C1517桂湘婕：谁的心中不曾向往远方</li>
                <li>C1517桂湘婕：谁的心中不曾向往远方</li>
                <li>C1517桂湘婕：谁的心中不曾向往远方</li>
            </ul>
        </div>
    </div>

    <div class="clearfix">
        <div class="abouitem">
            <a href="#"><img src="http://local.jszx.com/statics/images//img/1.png" /><span>教师之家&gt;</span></a>
            <ul>
                <li>【文学采风|创作感悟】C1517桂湘婕：谁的心中不曾向往远方</li>
                <li>【文学采风|创作感悟】C1517桂湘婕：谁的心中不曾向往远方</li>
                <li>【文学采风|诗性奔腾】C1517桂湘婕：谁的心中不曾向往远方</li>
                <li>【文学采风|远方随感】C1517桂湘婕：谁的心中不曾向往远方</li>
                <li>【文学采风|远方随感】C1517桂湘婕：谁的心中不曾向往远方</li>
            </ul>
        </div>
        <div class="abouitem">
            <a href="#"><img src="http://local.jszx.com/statics/images//img/1.png" /><span>党建动态&gt;</span></a>
            <ul>
                <li>C1517桂湘婕：谁的心中不曾向往远方</li>
                <li>C1517桂湘婕：谁的心中不曾向往远方</li>
                <li>C1517桂湘婕：谁的心中不曾向往远方</li>
                <li>C1517桂湘婕：谁的心中不曾向往远方</li>
                <li>C1517桂湘婕：谁的心中不曾向往远方</li>
            </ul>
        </div>
    </div>

    <div class="clearfix">
        <a class="aboutother">
            <img src="http://local.jszx.com/statics/images//img/1.png" />
            <span>招生公告&gt;</span>
        </a>
        <a class="aboutother">
            <img src="http://local.jszx.com/statics/images//img/1.png" />
            <span>心理健康&gt;</span>
        </a>
        <a class="aboutother">
            <img src="http://local.jszx.com/statics/images//img/1.png" />
            <span>在线留言&gt;</span>
        </a>
    </div>
</div>

<!---引入底部文件-->
<div class="footer">
    <div>
        <span>Copyright&copy;神岗山学校版权所有</span>
        <span>地址：江西省吉安市吉水县神岗山学校</span>
        <span>电话：0797-4445658</span>
    </div>
    <div>
        <span>邮编：341100</span>
        <span>备案号：赣2412822638</span>
    </div>
</div>

<!--登录 页-->
<div class="curtain hide"></div>
<div class="login hide">
    <div class="login-title"><span>用户登录</span><i class="icon iconfont icon-close"></i></div>
    <div class="content">
        <div class="imp"><input type="text" placeholder="用户名"><i class="icon iconfont icon-loginuser"></i></div>
        <div class="imp"><input type="password" placeholder="密码"><i class="icon iconfont icon-pwd"></i></div>
        <div class="captcha clearfix"><input type="text" placeholder="验证码"><span><img src="{IMG_PATJf}/img/yzm.png"></span>
            <a class="change">换一张</a>
        </div>
        <div class="auto-login clearfix"><label><input type="checkbox"><i class="icon iconfont icon-rememb"></i><span>自动登录</span></label></div>
        <div class="sub-btn"><button>登录</button></div>
        <div class="alert">您输入的密码有误</div>
    </div>
</div>

</body>

<script type="text/javascript" src="http://local.jszx.com/statics/js//js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="http://local.jszx.com/statics/js//js/jquery.slideBox.js"></script>
<script type="text/javascript" src="http://local.jszx.com/statics/js//js/base.js"></script>
<script type="text/javascript">
    $(function() {

        $("#user_login").click(function(){
            $(".login").removeClass("hide");
            $(".curtain").removeClass("hide");
        });

        //关闭登录窗口
        $(".login-title i").click(function(){
            $(".login").addClass("hide");
            $(".curtain").addClass("hide");
        });

        $(".auto-login input").change(function() {
            if($(this).next().hasClass("icon-rememb")) {
                $(this).next().removeClass("icon-rememb");
                $(this).next().addClass("icon-rememb-click");
            } else {
                $(this).next().addClass("icon-rememb");
                $(this).next().removeClass("icon-rememb-click");
            }
        });

        $('.banner').slideBox({
            duration: 0.5, //滚动持续时间，单位：秒
            easing: 'linear', //swing,linear//滚动特效
            delay: 6, //滚动延迟时间，单位：秒
            hideClickBar: false, //不自动隐藏点选按键
            clickBarRadius: 10,
        });

        $(".news").slideBox({
            duration: 0.5, //滚动持续时间，单位：秒
            easing: 'linear', //swing,linear//滚动特效
            delay: 5, //滚动延迟时间，单位：秒
            hideClickBar: false, //不自动隐藏点选按键
            clickBarRadius: 10,
        });

        $(".informbanner").slideBox({
            duration: 0.5, //滚动持续时间，单位：秒
            easing: 'linear', //swing,linear//滚动特效
            delay: 4, //滚动延迟时间，单位：秒
            hideClickBar: false, //不自动隐藏点选按键
            clickBarRadius: 10,
        });

        $(".content>div").click(function() {
            if($(this).hasClass("active")) {

                $(this).find(".ach-main").addClass("hide");
                $(this).find(".ach-title").find("small").addClass("hide");
                $(this).find(".ach-title").find("i").addClass("icon-add");
                $(this).find(".ach-title").find("i").removeClass("icon-minus");
                $(this).removeClass("active");
            }else{

                $(".content>div").find(".ach-main").addClass("hide");
                $(".content>div").find(".ach-title").find("small").addClass("hide");
                $(".content>div").find(".ach-title").find("i").addClass("icon-add");
                $(".content>div").find(".ach-title").find("i").removeClass("icon-minus");
                $(".content>div").removeClass("active");

                $(this).find(".ach-main").removeClass("hide");
                $(this).find(".ach-title").find("small").removeClass("hide");
                $(this).find(".ach-title").find("i").removeClass("icon-add");
                $(this).find(".ach-title").find("i").addClass("icon-minus");
                $(this).addClass("active");
            }
        });

    });
</script>

</html>